<style>
	#themedropper { background: url(themedropper.gif) no-repeat; width: 129px; height: 108px; float: right;  margin-left: 20px; margin-bottom: 20px;}
	#themedropspot { width: 54px; height: 54px; margin-left: 23px; margin-top: 29px; }
	.themedropspotfilled { width: 54px; height: 54px; margin-left: 23px; margin-top: 29px; background: url(themedropper_filled.gif); }
	#inspector { width: 360px; float: right; margin-top: 10px; margin-bottom: 20px; }
	#inspectortop { width: 360px; height: 145px; background: url(inspector_top.gif) no-repeat; }
	#inspectordropper { width: 108px; height: 108px; float: left; margin-left: 5px; margin-top: 5px;}
	 .id_empty { background: url(inspector_dropper_empty.gif) no-repeat;  }
	 .id_filled { background: url(inspector_dropper_filled.gif) no-repeat; }
	
	
	#inspectorinfobox { width: 238px; height: 108px; background: url(inspector_infobox.gif) no-repeat; float: left; margin-left: 2px; margin-top: 5px;}
	#inspectorinfoboxtext { padding: 10px; }
	
	#inspectorbottom { width: 360px; height: 62px; background: url(inspector_bottom.gif) no-repeat; }
	
	.tile { width: 60px; height: 60px; background: url(http://devimg.consumating.com:8001/img/toys/inventory_tile.gif); float: left; }
	#inspectorbuttons { text-align: right; margin-right: 7px; margin-top: 2px; }
	
	
	.themeitem { margin-top: 2px; margin-left: 2px; }
	.inspectoritem { margin-top: 4px; margin-left: 4px; }
	#toybox { width: 780px; height: 100px; background: url(theme.gif); }
	.toyboxspot { width: 100px; height: 100px; border-right: 1px dashed #369; float: left;  }
	.first { margin-left: 40px; border-left: 1px dashed #369;}
</style>

<center>
<div style="width: 780px;  border: 1px solid #666; text-align: left;">
<div id="toybox">
	<div class="toyboxspot first">
	</div>
		<div class="toyboxspot">
	</div>
		<div class="toyboxspot">
	</div>
		<div class="toyboxspot">
	</div>
		<div class="toyboxspot">
	</div>
		<div class="toyboxspot">
	</div>
		<div class="toyboxspot">
	</div>
	<Br clear="all" />
</div>
<div style="padding-left: 40px; padding-right: 40px">
<div id="inspector">
	<div id="inspectortop">
		<div id="inspectordropper" class="id_filled">
				<img src="item.gif" height="100" width="100" border="0" class="inspectoritem">
		</div>
		<div id="inspectorinfobox">
			<div id="inspectorinfoboxtext">
					HELLO
			</div>
		</div>
				<br clear="all" />
		<div id="inspectorbuttons">
				<A href="#" title="Edit"><img src="inspector_editbutton.gif" alt="Edit" border="0"></a>
				<A href="#" title="Clone"><img src="inspector_clonebutton.gif" alt="Clone" border="0"></a>
				<A href="#" title="Trash"><img src="inspector_trashbutton.gif" alt="Trash" border="0"></a>
		</div>

	</div>
	<div id="inventory">
			<div class="tile"></div>
			<div class="tile"></div>
			<div class="tile"></div>
			<div class="tile"></div>			
			<div class="tile"></div>
			<div class="tile"></div>
			<div class="tile"></div>
			<div class="tile"></div>
			<div class="tile"></div>
			<div class="tile"></div>
			<div class="tile"></div>
			<div class="tile"></div>
			<div class="tile"></div>
			<div class="tile"></div>
			<div class="tile"></div>
			<div class="tile"></div>			
			<div class="tile"></div>
			<div class="tile"></div>
			<div class="tile"></div>
			<div class="tile"></div>
			<div class="tile"></div>
			<div class="tile"></div>
			<div class="tile"></div>
			<div class="tile"></div>
			<br clear="all" />
		</div>
		<div id="inspectorbottom">
		</div>
</div>


<div id="themedropper">
	<div id="themedropspot" class="themedropspotfilled">
			<img src="item.gif" class="themeitem"> 
	</div>
</div>

<p style="margin-top: 0px; margin-bottom: 20px; ">&nbsp;</p>
<h2>Your Inventory</p>
<!-- <P>This is the rest of the page.  It has descriptions and links and stuff like that.  I hope it works nicely! Even in IE!</p>
<P>This is the rest of the page.  It has descriptions and links and stuff like that.  I hope it works nicely! Even in IE!</p>
<P>This is the rest of the page.  It has descriptions and links and stuff like that.  I hope it works nicely! Even in IE!</p>
<P>This is the rest of the page.  It has descriptions and links and stuff like that.  I hope it works nicely! Even in IE!</p>
<P>This is the rest of the page.  It has descriptions and links and stuff like that.  I hope it works nicely! Even in IE!</p>
<P>This is the rest of the page.  It has descriptions and links and stuff like that.  I hope it works nicely! Even in IE!</p> -->

<Br clear="all" />
</div></div>
</center>
